html,body { color: #333; margin: 0;height: 100%;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-weight: normal;}
body {background: #f2f2f2;color: #666;width:100%;max-width:512px; margin:0 auto;font-size:12px; line-height:24px;}
*{margin: 0;padding: 0 !important;}
li {list-style: none;}
a {color: #666;}

.clear{clear:both;}

.user{
    padding: 50px;
    background: #fff;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 0 10px #ccc;
    margin-bottom: 5px;
}
.user .user-image{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

.user img{
    width: 100%;
    height: 100%;
}

.form{
    width: 100%;
    padding-bottom: 20px;
    background-color: #fff;

}

.form .item{
    margin: 0 10px;
    padding: 20px 0;
    display: flex;
    flex-direction: row !important;
    padding: 5px !important;
}

.form .item .title{
    color: #666;
    width: 73px;
    text-align: right;
    line-height: 40px;
}
.form .item {
    padding: 13px 0;
    flex-direction: column;
}
.user {
    padding: 30px;
}
input{
    margin-bottom: 0 !important;
}
#avatar{
    display: none;
}
button{
height: 40px;
margin-right: 20px;
width: 80px;
}
#img{
margin-left: 30px;
}
.gender{
line-height: 40px;
}
.form .item input[type="text"]{
    border: none;
    outline: none;
    width: 80%;
}

.sex{
    display: flex;
    align-items: center;
}
.sex label{
    margin-left: 5px;
    margin-right: 10px;
}


input[type="submit"]{
    width: 200px;
    height: 35px;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    border-radius: 10px;
    border: none;
}
